<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>promise代码重排</title>
    <script type="text/javascript" src="script/jquery-3.7.1.min.js"></script>
    <script type="text/javascript">
        function get(url,data){
            return new Promise((resolve,reject)=>{
                $.ajax({
                    url:url,
                    data:data,
                    success(resultData) {
                        resolve(resultData)
                    },
                    error(err){
                        reject(err)
                    }
                })
            })
        }

        get("data/monster.json").then((resultData)=>{
            //第一次ajax请求后的处理代码
            console.log("第一次ajax请求成功")
            return get(`data/monster_detail_${resultData.id}.json`)
        }).then((resultData)=>{
            console.log("第二次ajax请求成功")
            // return get(。。。)
        }).catch((err)=>{ //这里(err)写成err也行，因为只有一个参数
            console.log("promise请求异常") //如果需要输出异常的细节，可以在后面加err.等等
        })
    </script>
</head>
<body>

</body>
</html>